@charset "utf-8";
/* CSS Document */

.content .details{ width:700px; height:268px;margin:16px auto; position:relative;}
.content .details .book{ float: left; width:140px; height:210px;}
.content .details .book .b{ background-color:#F0FAEC; display:block;margin:0 0 10px 0;border-bottom:3px solid #dedede;border-right:2px solid #dedede;}
.content .details .book .b img{ margin:10px;}
.content .details .book .directory,.content .details .book .reading{display:inline-block;text-align:center; color:#FFF; height:32px; line-height:32px;}
.content .details .book .directory{ width:40px;  background:url(../img/cco_pic.png) no-repeat;}
.content .details .book .reading{ margin:0 0 0 4px; width:96px;background:url(../img/cco_pic.png) no-repeat -40px 0;}
.content .details .book .reading:hover{ background-position:-40px -34px;}
.content .details .state-l{ position:absolute;top:-18px; right:-16px; width:70px; height:70px; background:url(../img/cco_pic.png) no-repeat -129px -130px;}
.content .details .state-h{ position:absolute;top:-18px; right:-16px; width:70px; height:70px; background:url(../img/cco_pic.png) no-repeat -57px -130px;}

.content .details dl{ float:right; width:542px;}
.content .details dl dt{color:#237900; font-size:16px; font-weight:700;margin:0 0 14px 0 ;}
.content .details dl dt a{color:#237900;}
.content .details dl dt a:hover{color:red;}
.content .details dl dt span{color:#999;font-size:12px; font-weight:400; background-color:#D9EDD1; display:inline-block; padding:0 6px 0 1px;}
.content .details dl dt span i{color:#FFF;}
.content .details dl dt span b{color:#237900; font-weight:400;}
.content .details dl dd{color:#333; margin:8px 0 0 0;}
.content .details dl dd span{color:#999; margin:0 0 0 40px;}
.content .details dl dd span.f{margin:0;}
.content .details dl dd .zj-new{color:#333;}
.content .details dl dd p{ line-height:20px;color:#666;margin:8px 0 0 0; text-indent:24px; height:120px; overflow:hidden;}
.content .details dl dd .tieba{ float:right; margin:4px 0 0 0; border:1px solid #DCEED3; }
.content .details dl dd .tieba i{background:url(../img/cco_pic.png) no-repeat 0 -44px; display:inline-block; width:26px; height:15px;}


.content .new-trying{width:700px; height:220px;margin:16px auto;}
.content .new-trying .title,.z-list .title{ height:30px; line-height:30px; font-size:14px; background-color:#F6F6F6; text-indent:24px; font-weight:700;color:#237900;border-bottom:1px solid #A6CE95; position:relative;}
.content .new-trying .title .s1,.z-list .title .s1{position:absolute;left:38px;top:17px; color:#A6CE95; font-size:12px; font-weight:400;}
.content .new-trying .title .s2,.z-list .title .s2{position:absolute;left:38px;top:16px; color:#F6F6F6; font-size:12px; font-weight:400;}
.content .new-trying dl{ margin:18px 0 0 24px;}
.content .new-trying dl dt{color:#0053A5;font-size:14px; margin:0 0 4px 0;}
.content .new-trying dl dd{ text-indent:28px; line-height:20px;height:160px; overflow:hidden;}


.content .z-list{width:700px; height:auto; overflow:hidden;margin:16px auto 26px;}
.content .z-list .title{margin:0 0 18px 0; position:relative;}
.content .z-list .title a{ position:absolute; top:0; right:18px;font-size:12px;font-weight:400; background:url(../img/cco_pic.png) no-repeat -144px -1px;}
.content .z-list ul{border-top:1px solid #D2E6CA;border-left:1px solid #D2E6CA; width:700px; height:auto; overflow:hidden;}
.content .z-list ul li{font-size:14px;width:232px; height:36px; line-height:36px; border-bottom:1px solid #D2E6CA;border-right:1px solid #D2E6CA; float:left; overflow:hidden;}
.content .z-list ul li.c{ background-color:#F2FAF1;}
.content .z-list ul li a{display:block; height:36px;margin:0 0 0 16px;color:#333;}
.content .z-list ul li a.v{padding:0 0 0 22px;background:url(../img/cco_pic.png) no-repeat 0 -73px;}
.content .z-list ul li a:hover{color:#0053A5;}
.content .z-list p{ text-align:center;border-left:1px solid #D2E6CA;height:36px; line-height:36px;border-right:1px solid #D2E6CA;}

